<template>
  <view class="btnBottom">
    <uv-button
      type="primary"
      @tap="failHandle"
      :plain="true"
      :text="props.failText ? props.failText : '驳回'"
      :style="{
        display: 'inline-block',
        width: '42%',
      }"
      :customStyle="{
        border: '2rpx solid #fa746b',
      }"
      customTextStyle="color: #fa746b"
    ></uv-button>
    <uv-button
      @tap="passHandle"
      type="primary"
      :style="{
        display: 'inline-block',
        width: '42%',
      }"
      :customStyle="{
        background: '#44d5af',
        border: '2rpx solid #44d5af',
      }"
      :text="props.passText ? props.passText : '审核通过'"
    >
    </uv-button>
  </view>
</template>

<script lang="ts" setup>
import { ref, computed } from "vue";
const props = withDefaults(defineProps<
{
  failText?: string,
  passText?: string,
}>(), {
  failText: "驳回",
  passText: "审核通过",
})
const emits = defineEmits<{
  (e: "failHandle", event: Event | TouchEvent | any): void;
  (e: "successHandle", event: Event | TouchEvent | any): void;
}>();
const failHandle = () => {
    emits("failHandle", "");
};
const passHandle = () => {
    emits("successHandle", "");
};
</script>

<style scoped lang="scss">
.btnBottom {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  justify-content: space-evenly;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  background: #fff;
}
</style>
